<template>
<div>
<slot name="header1" v-if="isLoading===1"><item1 /></slot>
<slot name="header2" v-if="isLoading===2"><item2 /></slot>
<slot name="header3" v-if="isLoading===3"><item3 /></slot>
<slot name="header4" v-if="isLoading===4"><item4 /></slot>
  </div>
</template>

<script>
import item1 from './item1.vue';
import item2 from './item2.vue';
import item3 from './item3.vue';
import item4 from './item4.vue';
export default {
props:['isLoading'],
components:{
item1,
item2,
item3,
item4


},

}
</script>

<style>
/* <slot name="header1" v-if="isLoading">1111</slot>
<slot name="header2" v-if="isFalse">2222</slot>
<slot name="header3">333</slot>
<slot name="header4">444</slot> */
</style>